@charset "utf-8";
#bg {
	width: 100%;
	background: url(../image/game_bg.png) repeat;
	background-size: 100% 100%;
	animation: bg 500ms steps(32) infinite;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0; 
}
#container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.player {
	width: 62px;
	height: 92px;
	background-size: 144px; 
	animation: player 500ms steps(2) infinite;
	position: absolute;
	z-index: 2;
}
.player.player_team_a_run {
	background-image: url(../image/player_team_a_run.png);
}
.player.player_team_b_run {
	background-image: url(../image/player_team_b_run.png);
}
.ball {
	width: 50px;
	height: 50px;
	background: url(../image/football.png) no-repeat;
	background-size: 100%;
	position: absolute;
	animation: ball 0.5s linear infinite;
	transition-duration: 0.25s;
	transition-property: all;
}
@keyframes bg {
		0% { background-position: 0 -520px; }
		100% { background-position: 0 0; }
}
@keyframes player {
	0% { background-position: 0 0; }
	100% { background-position: -162px 0; }
}
@keyframes ball {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.countdown {
	display: block;
	width: 163px;
	height: 163px;
	position: absolute;
	z-index: 997;
}